<template>
  <div class="monitoring flex">
    <left-menu :menus="menus" class="left-menu-content"></left-menu>
    <div class="content">监控页面</div>
  </div>
</template>

<script setup lang="ts">
import LeftMenu from '@/components/left-menu.vue';
import { reactive } from 'vue';

export interface Menu {
  title: string,
  url: string
}

const menus: Array<Menu> = reactive([
  {
    title: '实时报警123',
    url: '/'
  }
])

console.log('监控页面:', menus);
</script>
<style lang="scss" scoped>
.monitoring {
  width: 100%;
  height: 100%;
}
.left-menu-content {
  width: 220px;
  min-width: 220px;
  height: 100%;
}
.content {
  width: 100%;
  height: 100%;
  // background: green;
}
</style>
